<!-- 表头过滤器 -->
<template>
    <el-container>
        <el-main>
            <el-checkbox-group v-model="checkList">
                <el-checkbox label="Option A" value="Value A" />
                <el-checkbox label="Option B" value="Value B" />
                <el-checkbox label="Option C" value="Value C" />
                <el-checkbox label="disabled" value="Value disabled" disabled />
                <el-checkbox label="selected and disabled" value="Value selected and disabled" disabled />
            </el-checkbox-group>

            <el-button @click="close">关闭</el-button>
            <el-button @click="confirm">确认</el-button>
        </el-main>
    </el-container>
</template>

<script setup>
import { ref } from 'vue'
import { ElContainer, ElMain, ElCheckbox, ElCheckboxGroup, ElButton } from 'element-plus'

const emit = defineEmits(['confirm', 'close'])
const checkList = ref(['Value selected and disabled', 'Value A'])

const close = () => {
    emit('close')
}
const confirm = () => {
    emit('confirm', checkList.value)
}
</script>

<style scoped>
</style>